{extend name="public/base"/}
{block name="body"}
	{:ad("gywmad")}
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="banner-text text-center">
                        <h1>{$cate['title']}</h1>
                        <ul class="kal-breadcumb">
                            <li><a href="/">首页</a></li>
                            {volist name="pCate" id="item"}
                            <li><a href="{:url('index/xzwm/lists?model=xzwm',array('id'=>$item['id']))}">{$item['title']}</a></li>
                            {/volist}
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
    
    <div class="kalkulate-intro section-padding white-bg">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="section-heading text-center">
                        <h2> {$info['title']}</h2>
                        <p class="middum-pra">ABOUT US</p>
                    </div>
                </div>
            </div>
            <div class="row">
            {$info['content']}
            </div>
        </div>
    </div>
    <div class="counter-area ash-white-bg">
        <div class="container">
            <div class="all-counter">
                <div class="row">
                    <div class="col-md-3 col-xs-6">
                        <div class="single-counter wow fadeInUp" data-wow-duration="1s" data-wow-delay=".2s">
                            <div class="icon">
                                <i class="icon-icomoon-light-bulb"></i>
                            </div>
                            <div class="text">
                                <div class="counter">
                                    {$xzwm['experience']}
                              </div>
                                <span>年经验</span>
                            </div>
                        </div><!--/.single-counter-->
                    </div>
                    <div class="col-md-3 col-xs-6">
                        <div class="single-counter wow fadeInUp" data-wow-duration="1s" data-wow-delay=".4s">
                            <div class="icon">
                                <i class="icon-icomoon-bar-chart"></i>
                            </div>
                            <div class="text">
                                <div class="counter">
                                    {$xzwm['users']}
                              </div>
                                <span>用户</span>
                            </div>
                        </div><!--/.single-counter-->
                    </div>
                    <div class="col-md-3 col-xs-6">
                        <div class="single-counter wow fadeInUp" data-wow-duration="1s" data-wow-delay=".6s">
                            <div class="icon">
                                <i class="icon-icomoon-diamond"></i>
                            </div>
                            <div class="text">
                                <div class="counter">
                                    {$xzwm['city']}
                              </div>
                                <span>城市</span>
                            </div>
                        </div><!--/.single-counter-->
                    </div>
                    <div class="col-md-3 col-xs-6">
                        <div class="single-counter wow fadeInUp" data-wow-duration="1s" data-wow-delay=".8s">
                            <div class="icon">
                                <i class="icon-icomoon-like"></i>
                            </div>
                            <div class="text">
                                <div class="counter">
                                    {$xzwm['case']}
                              </div>
                                <span>案例</span>
                            </div>
                        </div><!--/.single-counter-->
                    </div>
                </div>
            </div>
        </div>
    </div>
    <section class="why-choose-us-section section-padding">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="section-heading text-center">
                        <h2>{$xzwm['title']}</h2>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <div class="panel-group  wow fadeInRight" id="accordion" data-wow-duration="1.5s" data-wow-delay=".3s">
                        {volist name="xzwmList" id="item"}
                        <div class="panel">
    						<div class="panel-heading">
    							<a class="accordion-toggle {if $i!=1}collapsed{/if}" data-toggle="collapse" data-parent="#accordion" href="#collapse{$i}">
    							<h4>{$item['title']}</h4>
                                <i class="indicator fa fa-angle-right"></i>
    							</a>
    						</div>
    						<div id="collapse{$i}" class="panel-collapse collapse {if $i==1}in{/if}">
    						  <div class="panel-body">
                                  <p>{$item['content']}</p>
    						  </div>
    						</div>
    					</div><!--/.panel-->
    					{/volist}
					</div>
                </div>
                <div class="col-md-6">
                    <div class="progress-section wow fadeInLeft" data-wow-duration="1.5s" data-wow-delay=".3s">
                        <p>{$xzwm['content']}</p>
                        <div class="all-progress" id="progress-running">
                            <div class="progress-item">
                                <span class="progress-heading">全国分布</span>
                                <div  class="progress-bg">
                                    <div id='progress-one' class="progress-rate" data-value='{$xzwm["qgfb"]}'>
                                    </div>
                                </div>
                            </div><!--/.progress-item-->
                            <div class="progress-item">
                                <span class="progress-heading">精英团队</span>
                                <div  class="progress-bg">
                                    <div id='progress-two' class="progress-rate" data-value='{$xzwm["jytd"]}'>
                                    </div>
                                </div>
                            </div><!--/.progress-item-->
                            <div class="progress-item">
                                <span class="progress-heading">成功案例</span>
                                <div  class="progress-bg">
                                    <div id='progress-three' class="progress-rate" data-value='{$xzwm["cgal"]}'>
                                    </div>
                                </div>
                            </div><!--/.progress-item-->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

{/block}